<?

?>
<li id="page_SPLASH">
    <div style="position:relative;margin-left: -10px">



        <div class="" style="
            display: block;; opacity: 1;
            width: 500px;
            height: 200px;
            background: url(images/png/i_love_coffee.png) 0 0 no-repeat;
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 11;

            ">

        </div>

        <div class="" style="
            display: block;; opacity: 1;width: 320px;
            height: 200px;
            background: url(images/png/) 0 0 no-repeat;
            position: absolute;
            left: 340px;
            top: 0px;
            z-index: 11;

            ">

        </div>

        <div class="line1"></div>

        <div class="block2">
            <span class="txt1">Coffee</span>
            <span class="txt2">Golden bell S Coffee</span>
            <a href="#!/page_MORE" class="button1"><span></span><strong>read more</strong></a> 
        </div>
        <?
        $no=0;
        foreach ($dtthreebox as $r){
            $no++;
        ?>
            <a href="#!/page_MORE" class="block1" onclick="loadmore('<?=$r["id"]?>');">
                <span class="bg"></span>
                <span class="c"><?=$no?></span>
                <span class="txt1"><?=$r["title"]?></span>
                <span class="txt2"><?=$r["title_second"]?></span>
                <span class="txt3" >
                <?=$r["brief"]?>
                </span>
            </a>
        <?
        }
        ?>
        
        <div class=" clear"></div>
    </div>
</li>